<template>
  <div id="main">
    <h1>您的账户余额是：</h1>
    <div id="balance">人民币：<span id="count">{{ balance }}元</span></div>
  </div>
</template>

<script>
import {get} from "../../common/request";

export default {
  name: "SearchSurplus",
  data() {
    return {
      balance: ""
    }
  },
  mounted() {
    get("/account/searchBalance").then(x => {
      this.balance = x.data;
    })
  }
}
</script>

<style scoped>
#main {
  background-color: rgb(240, 240, 240);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#balance {
  margin-top: 30px;
}
#count {
  color: red;
}
</style>
